<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE>
<html lang="zh-CN">
<% 
String path = request.getContextPath(); 
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; 
%>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge，chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<base href="<%=basePath%>">
<title>welcome</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style1.css" rel="stylesheet">
</head>
<body>

 <!--p>欢迎登录图书管理系统！</p>
 <div>
 <a href="search.jsp"> 图书查询 </a><br>
 </div>
 <div >
 <form action="recordshow" method="post">
 <a href="recordshowServlet"> 借书/还书</a><br>
 </form>
 </div>
<c:if test="${sessionScope.usertype==1}">
 <div>
 <a href="manage.jsp">图书/借书证管理
 </a>
 </div>
 </c:if>
 <div>
 <input type="button" value="退出" onclick="window.location.href='index.jsp';"/>
 </div-->

  <body>

    <div class="container-fluid">
	<div class="row">
		<div class="col-md-12">
			<br>
			<br>
			<h2>
				欢迎登陆图书管理系统!
			</h2>
			<p>
				在本系统中，您可以进行图书查询、借还、管理等操作。
			</p>
			<br>
			<div class="row">
				<br>
				<div class="col-md-4">
					<h3>
						图书查询
					</h3> 
					<br>
					<p>
					<a class="btn btn-primary btn-large" href="search.jsp">前往</a>
					</p>
				</div>
				
				<div class="col-md-4">
					<h3>
						图书借还
					</h3> 
					<br>
					<form action="recordshow" method="post">
					<p>
					<a class="btn btn-primary btn-large" href="recordshowServlet">前往</a>
					</p>
					</form>
				</div>
				<c:if test="${sessionScope.usertype==1}">
				<div class="col-md-4">
					<h3>
						图书/借书证管理
					</h3> 
					<br>
					<p>
					<a class="btn btn-primary btn-large" href="manage.jsp">前往</a>
					</p>
				</div>
				</c:if>
			</div>
			<br>
			<div class="carousel slide" id="carousel-292953">
				<ol class="carousel-indicators">
					<li data-slide-to="0" data-target="#carousel-292953">
					</li>
					<li data-slide-to="1" data-target="#carousel-292953">
					</li>
					<li data-slide-to="2" data-target="#carousel-292953" class="active">
					</li>
				</ol>
				<div class="carousel-inner">
					<div class="carousel-item">
						<img class="d-block w-100" alt="Carousel Bootstrap First" src="images/s3.jpg">
						<div class="carousel-caption">
							<h4>
								小妇人
							</h4>
							<p>
								爱是我们去世时惟一能够带走的东西，它使得死亡变得如此从容。
							</p>
							
						</div>
					</div>
					<div class="carousel-item">
						<img class="d-block w-100" alt="Carousel Bootstrap Second" src="images/s2.jpg">
						<div class="carousel-caption">
							<h4>
								灿烂千阳
							</h4>
							<p>
								人们数不清她的屋顶上有多少轮皎洁的明月,也数不清她的墙壁之后那一千个灿烂的太阳。
							</p>
						</div>
					</div>
					<div class="carousel-item active">
						<img class="d-block w-100" alt="Carousel Bootstrap Third" src="images/s1.jpg">
						<div class="carousel-caption">
							<h4>
								追风筝的人
							</h4>
							<p>
								我们总喜欢给自己找很多理由去解释自己的懦弱，总是自欺欺人的去相信那些美丽的谎言，总是去掩饰自己内心的恐惧，总是去逃避自己犯下的罪行。但事实总是，有一天，我们不得不坦然面对那些罪恶，给自己心灵予救赎。
							</p>
						</div>
					</div>
				</div> <a class="carousel-control-prev" href="#carousel-292953" data-slide="prev"><span class="carousel-control-prev-icon"></span> <span class="sr-only">Previous</span></a> <a class="carousel-control-next" href="#carousel-292953" data-slide="next"><span class="carousel-control-next-icon"></span> <span class="sr-only">Next</span></a>
			</div> 
			<br>
			<button type="button" class="btn active btn-link" onclick="window.location.href='index.jsp'">
				退出
			</button>
		</div>
	</div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/scripts.js"></script>
  </body>
</html>